<template>
	<view class="small_button" :style="bgcC">
		<text class="text">{{text}}</text>
	</view>
</template>

<script setup>
import { computed } from 'vue';
	const props = defineProps({
		text: { // 文字
			type: String,
			default: '完成'
		},
		bgc: { // 背景色
			type: String,
			default: '#f5f5f5'
		}
	})
	
	const bgcC = computed(() => {
		return `background-color: ${props.bgc}`
	})
	
</script>

<style lang="less" scoped>
	.small_button {
		padding: 8rpx 15rpx;
		border-radius: 15rpx;
		background-color: red;
		.text{
			font-size: 30rpx;
		}
	}
</style>